<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>一元夺宝</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<!--     顶部 -->
    <div class="top-wp">
        <div class="top-bg all-width">
            <div class="top-left">
                <p>欢迎来到网一元夺宝！</p>
            </div>
            <div class="top-right">
                <a href="" class="color-blue">请登录</a>
                <a href="">免费注册</a>
                <a href="">我的夺宝<i>三角</i></a>
                <a href="">我的红包</a>
                <a href=""><i>微博图</i>官方微博</a>
                <a href="">官方交流群</a>
            </div> 
            <div class="clear"></div>   
        </div>
    </div>

<!-- 搜索栏 -->
    
    <div class="search-wp  all-width">
        <div class="search-left">
            <a href="" class="logo-bg">logo1</a>
            <a href="" class="erwm-bg">二维码图</a>
        </div>
        <div class="search-right">
            <div class="right-ipt">
                <div class="position-ab">
                    <a href="">苹果</a>
                    <a href="">手机</a>
                    <a href="" class="fdj-bg">放大镜</a>
                </div>
                <input type="text">
            </div>
            <div class="right-list">
                <i>小车</i>
                <span>清单</span>
                <i>计数图片</i>
            </div>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
    </div>

<!-- 首页导航栏 -->

    <div class="nav-wp">
        <div class="nav-bar  all-width">
            <a href="">首页</a>
            <a href="">优选商品</a>
            <a href="">最新揭晓</a>
            <a href="">晒单分享</a>
            <a href="">发现<i>三角</i></a>
        </div>
    </div>

<!-- 内容第一部分 -->

    <div class="content1-wp all-width">
        <div class="content1-left">
            <div class="content1-left-top">
                <ul>
                    <li><a href="">商品分类</a></li>
                    <li><a href="">商品分类</a></li>
                    <li><a href="">商品分类</a></li>
                    <li><a href="">商品分类</a></li>
                    <li><a href="">商品分类</a></li>
                    <li><a href="">商品分类</a></li>
                    <li><a href="">商品分类</a></li>
                    <li><a href="">商品分类</a></li>
                    <li><a href="">商品分类</a></li>
                    <li><a href="">商品分类</a></li>
                </ul>
            </div>
            <div class="content1-left-bottom">
                <div class="bolangxian">
                    波浪线
                </div>
                <div class="shuomingshu">
                    <a href="">说明书标题</a>
                </div>
                <div class="shuomingshu-nr">
                    <p>内容</p>
                </div>
                <div class="click-more">
                    <a href="">查看详情</a>
                </div>
            </div>
        </div>
        <div class="content1-middle">
            <div class="content1-middle-top">
                <ul class="lunbotu">
                    <li class="active"><a href=""><img src="img/moshou.jpg" alt=""></a></li>
                    <div>
                        <i>左箭头左浮动</i>
                        <i>右箭头右浮动</i>
                    </div>
                </ul>
                <ul class="xiaoyuandian">
                    <li>所有的LI左浮动</li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>       
            </div>
            <div class="content1-middle-bottom">
                <div class="left">
                    <p>PHILPS飞利浦什么什么</p>
                    <div>
                        <p>总需:249人次</p>
                        <p>期号：什么什么</p>
                    </div>
                    <div>
                        <div>获得者<a href="">Sylar蓝字</a></div>
                        <p>本期参与</p>
                        <p>幸运号码</p>
                    </div>
                    <i>小太阳图</i>
                    <a href="">商品图</a>
                </div>
                <div class="right">
                    <p>PHILPS飞利浦什么什么</p>
                    <div>
                        <p>总需:249人次</p>
                        <p>期号：什么什么</p>
                    </div>
                    <div>
                        <div>获得者<a href="">Sylar蓝字</a></div>
                        <p>本期参与</p>
                        <p>幸运号码</p>
                    </div>
                    <i>小太阳图</i>
                    <a href="">商品图</a>
                </div>
                <div>
                    <i>左箭头</i>
                    <i>右箭头</i>
                </div>
                <div>
                    <ul>
                        <li>1</li>
                        <li>2</li>
                        <li>3</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="content1-right">
            <div class="content1-right-top">
                <div class="shangpintu">
                    <a href=""><img src="" alt="">商品图</a>
                </div>
                <div class="canshu">
                    <div>
                        <a href="">商品名</a>
                    </div>
                    <p>什么</p>
                    <div>黄色线线条背景</div>
                    <p>什么</p>
                </div>
                <div>
                    <a href="">按钮</a>
                </div>
                <i>推荐夺宝图</i>     
            </div>

            <div class="content1-right-bottom">
                <div>
                    <a href=""><img src="" alt="">商品图</a>
                </div>
                <div>
                    <p>第一行</p>
                    <p>第二行</p>
                </div>
                <div>
                    <i>左箭头</i>
                    <i>右箭头</i>
                </div>
                <i>新品推荐图</i>
            </div>
        </div>
    </div>
</body>
</html>